import React from 'react'
export default class TalentCreate extends React.Component{
    constructor(props){
        super(props);
        this.handleChange = this.handleChange.bind(this);
        this.state = {
            title : '',
            content : '',
            contact : '',
            prince : '',
            notification_all: false
        }
    }
    handleChange(props){
        this.setState(
            { [event.target.name] : event.target.value }
        )
    }
    render(){

        return (<div>
            <input type="text"
                value={this.state.title}
                className="form-control"
                placeholder="物品名称"
                name="title"
                onChange = {this.handleChange}
            />
            <div style={{height: '20px'}}/>
            <textarea type="text"
                value={this.state.content}
                placeholder="物品简介"
                name="content"
                onChange={this.handleChange}
                className="form-control billBoardCreateContent"
            />
            <div style={{ height: '20px' }} />
            <div className="input-group">
                <div className="input-group-prepend">
                    <span className="input-group-text">
                        定价
                    </span>
                </div>
                <input type="text" placeholder="0.00"
                    maxLength="8"
                    className="form-control"
                    name="price"
                    value={this.state.price}
                    onChange={this.handleChange}/>
                <div className="input-group-append">
                   <span className="input-group-text"> 元/起</span>
                </div>
            </div>
            <div className="talentCreatePriceNotice">定价设为0元将显示为待议。</div>
            <div className="bottomButtonWrapper">
                <button className="btn btn-primary">发布物品</button>
            </div>            
        </div>)
    }
}
